<template>
  <div style="height: 50px;width: 100%; line-height: 50px; background-color: #e6e6e6; display: flex;">
    <div style="width: 300px; padding-left: 30px; font-weight: bold; color: #1296db"><img src="../assets/logo.png"
        style="height:30px;width:70px ;margin-top:7px;float: left;" /><span style="float:right;">
        <h3>务川县疫苗预约管理</h3>
      </span></div>
    <div style="flex: 1"></div>
    <div style="width: 200px">
      <el-dropdown style="float: right; margin-right: 24px;">
        <span class="el-dropdown-link" style="color: #1296db; ">
          <el-avatar :size="30" :src="user.avatar" style="position: relative; top: 10px "></el-avatar>
          <b>{{ user.nickName }}</b>
        </span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click="$router.push('/person')">个人信息</el-dropdown-item>
            <el-dropdown-item @click="$router.push('/password')">修改密码</el-dropdown-item>
            <el-dropdown-item @click="$router.push('/login')">退出系统</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header",
  props: ['user'],
  data() {
    return {

    }
  },
  created() {
  }
}
</script>

<style scoped></style>
